@import "lib-mixins";
@import "lib-rem";
@import "lib-reset";

@import "com-header";
@import "com-left-menu";

html,body{
  height: 100%;
}
.inner-box{
  width: 98%;
  margin: 0 auto;
  background: #fff;
}
.tab-list{
  overflow: hidden;
  position: relative;
  top: -20px;
  border-top:1px solid #77BAF4;
  background: #4583EF;
  text-align: center;
  box-shadow: 0 1px 4px #383535;
  .tab-item{
    display: inline-block;
    color: #fff;
    font-size: 15px;
    text-align: center;
    margin: 0 32px 0 0;
    padding: 14px 0;
  }
  .tab-item.active{
    border-bottom: 4px solid #fff;
    padding: 14px 0 10px;
  }
}
.form-outer{
  position: relative;
  padding: 10px 10px 0;
  max-width: 1055px;
  margin: 0 auto;
}
.form-box{
  overflow-x: hidden;
  overflow-y: auto;
}
.fixed-bar{
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  .title{
    float: left;
    font-size: 14px;
    margin: 18px 0 0 0;
    color: #444;
    strong{
      color:#bbb;
      font-weight: normal;
    }
    .form-link{
      color: #0fb2fc;
    }
    .form-title{
      color: #999;
    }
  }
  .btn-group{
    float: right;
    i{
      vertical-align: text-top;
      color: #409EEF;
    }
    .save-btn{
      float: right;
      margin: auto 0 auto 15px
    }
  }
}
.form-base{
  .form-group{
    display: inline-block;
    width: 100%;
    label{
    margin-top: 11px;
    color: #000;
    float:left;
    font-size: 14px;
     }
    .form-control{
      float: left;
      margin-left: 40px;
      width: e("calc(100% - 107px)");
      font-size: 14px;
    }
    .author-list{
      position: absolute;
      background: #fff;
      left: 85px;
      top: 36px;
      z-index: 2;
      width: e("calc(100% - 96px)");
      border:1px solid #e9e9e9;
      max-height: 202px;
      overflow: auto;
      display: none;
      .author-item{
        cursor: pointer;
        margin: 0;
        padding:4px 10px;
        &:hover,&.active{
          background: #DAF0FF;
        }
      }
    }
  }
}